<template>
  <div class="commonMain helpInf">
    <div class="coMain">
      <div>
        <div class="coMainIn">
          <div class="coTitle">帮助中心</div>
          <div class="helpForm commonForm">
            <div class="question">
              <div>

                <a href="javascript:;" class="question1" @click="goAnswer(1)">
                  <h2>如何在微信注册小程序？</h2>
                  <p>2017-09-04 18:03:07</p>
                </a>
              </div>
              <div>
                <a href="javascript:;" class="question1" @click="goAnswer(2)">
                  <h2>教你利用“附近的小程序”抢占先机</h2>
                  <p>2017-09-04 18:03:07</p>
                </a>
              </div>
              <div>
                <a href="javascript:;" class="question1" @click="goAnswer(3)">
                  <h2>如何将小程序账号授权给拍掌柜代理发布？</h2>
                  <p>2017-09-04 18:03:07</p>
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script type="javascript/ecmascript6"> 
export default{
  name: 'helpcomponent',
  methods: {
    goAnswer (step) {
      this.$router.push({
        path: '/help/answer/' + step
      })
    }
  }
}

</script>
<style type="text/css" scoped>
  .commonMain{
    flex: 1 1 0%;
    float: none;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    width: auto;
  }
  .coMain{
    height: 100%;
  }
  .coMain>div{
    background: #fff;
    border-right: 1px solid #F2F2F2;
    height: 100%;
    overflow: auto;
  }
  .coMainIn{
    padding: 50px 30px;
  }
  .coTitle{
    color: #333;
    font-size: 20px;
    letter-spacing: 1px;
    margin-bottom: 30px;
    padding-bottom: 25px;
  }
  .helpForm .question>div{
    display: block;
    padding: 40px 0;
    min-width: 600px;
    border-bottom: 1px solid #dedede;
  }
  .helpForm .question>div:first-child{
    padding-top: 0;
  }
  .helpForm .question>div a{
    display: inline-block;
    color: #8f8f8f;
    font-size: 14px;
    line-height: 20px;
  }
  .helpForm .question>div h2{
    color: #333;
    font-size: 16px;
    line-height: 30px;
  }
</style>